<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>异常信息</title>
    <link rel="stylesheet" href="../../common/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../../common/style/common.css">
    <link rel="stylesheet" href="../css/centerPage.css">
    <link rel="stylesheet" href="../css/abnormal.css">
    <link rel="stylesheet" href="../../common/lib/jquery/paginator/paginator.css">
    <script src="../../common/lib/jquery/jquery.min.js"></script>
    <script src="../../common/lib/jquery/paginator/jq-paginator.min.js"></script>
    <script src="../../common/lib/layui/laydate/laydate.js"></script>
    <script src="../../common/lib/layui/layer/layer.js"></script>
    <script src="../../common/js/common.js"></script>
</head>
<body>
<div class="head">
    <div style="width: 100%;height: 10px"></div>
    <select class="img-select" id="alarmDataType">
        <option value="2">小时数据</option>
        <option selected value="1">分钟数据</option>
    </select>&nbsp;&nbsp;&nbsp;&nbsp;
    <input class="calendar" type="text" id="startTime">&nbsp;&nbsp;至&nbsp;&nbsp;<input class="calendar" type="text" id="endTime">&nbsp;&nbsp;
    <select class="img-select" id="alarmType">
        <option selected value="-1">全部</option>
        <option value="1">超标</option>
        <option value="2">异常</option>
    </select>&nbsp;&nbsp;
    <button class="searchInputBtn" id="search">搜索</button>

    <input type="image" id="export" src="../../common/images/export.png" height="20" style="position: relative;right: 20px;float: right">
</div>
<div class="title">异常信息</div>
<div class="center">
    <table id="abnormalTable" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <th>报警时间</th>
            <th>数据指标状态</th>
            <th>报警内容</th>
        </tr>
        <!--<tr>-->
            <!--<td>2019-01-15 15:00</td>-->
            <!--<td>超标</td>-->
            <!--<td>XX指标，阈值为XX，当前数值为XX</td>-->
        <!--</tr>-->
    </table>
</div>
<div class="footer">
    <span style="position: relative;top: 6px;">每页显示&nbsp;&nbsp;</span>
    <select class="img-select" id="pageSize" style="position: relative;top: 6px;">
        <option  value="1">1</option>
        <option selected value="20">20</option>
        <option value="10">10</option>
    </select>&nbsp;&nbsp;
    <ul id="pageTool" class="pagination">
        <li class="prev" jp-role="prev" jp-data="5"><a href="javascript:void(0);"></a></li>
        <li id="pageNo" class="page active" jp-role="page" jp-data="6"><a  href="javascript:void(0);"></a></li>
        <li class="next" jp-role="next" jp-data="7"><a href="javascript:void(0);"></a></li>
    </ul>
</div>
<script src="../../common/js/AlarmController.js"></script>
<script src="../js/abnormalPage.js"></script>
</body>
</html>
